<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>劳动实况</title>
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <main>
    <h1>劳动实况</h1>

    <div class="card">
      <h3>用户状态</h3>
      <table id="usersTable" class="simple-table">
        <thead><tr><th>用户昵称</th><th>当前状态</th><th>今日工时</th><th>本周工时</th></tr></thead>
        <tbody></tbody>
      </table>
    </div>

    <div class="card">
      <h3>劳动记录</h3>
      <table id="laborsTable" class="simple-table">
    <thead><tr><th>开始时间</th><th>结束时间</th><th>用户昵称</th><th>劳动内容</th><th>工时</th><th>权重</th><th>工分</th></tr></thead>
        <tbody></tbody>
      </table>
      <div style="text-align:right;margin-top:8px">
        <button id="exportRange">导出记录 (XLS)</button>
      </div>
    </div>

    <script src="js/main.js"></script>
  </main>
</body>
</html>
